
#head{
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: auto;
    overflow: hidden;
    margin-top: 35%;
}
#head>img{
    height: 150px;
    border-radius: 50%;
}
#name {
    text-align: center;
}


#container {
    height: 100vh;
}

#box{
    height: 100vh;
}

#blog-left {
    height: 100vh;
    border-right: 1px solid rgb(242, 242, 242);
    position: fixed;
}

#blog-right {
    float: right;
}

.blog-list {
    border-bottom: 1px solid rgb(242, 242, 242);
    margin-left: 30px;
    margin-right: 30px;
}

.blog-list-title {
    margin-top: 20px;
    font-size: 25px;
    font-weight:bold;
}

.blog-list-content {
    color: rgb(127, 127, 127);
    line-height: 40px;
}

.blog-list-footer {
    margin-bottom: 20px;
    color: rgb(192, 192, 192);
}